<!DOCTYPE html>
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta charset="utf-8" />
        <meta http-equiv="expires" content="0" />
        <meta name="language" content="de" />
        <meta name="viewport" content="user-scalable=no,width=device-width" />
        <title>Audi MMI</title>

        <!-- CSS -->
        <link rel="stylesheet" href="./Audi_MMI_Files/styles_basics.css" type="text/css">


        <!-- JS -->
        <script type="text/javascript" src="./Audi_MMI_Files/controls_key_mappings.js"></script>
        <script type="text/javascript" src="./Audi_MMI_Files/controls_helpers.js"></script>
        <script type="text/javascript" src="./Audi_MMI_Files/controls_routen_bewerten_basics.js"></script>
		<script type="text/javascript" src="./Audi_MMI_Files/controls_screen_bewerten_softkeys.js"></script>
		
		
		<script language="JavaScript">
		<!--
		
		var stern1 = false;
		var stern2 = false;
		var stern3 = false;
		var stern4 = false;
		var stern5 = false;
		
		var indexBefore = 0 ;
		
		i01 = new Image();
		i01.src = "stern_leer.png"; 
		i02 = new Image();
		i02.src = "stern_voll.png"; 

		function recognitionSucceeded(result){
			document.getElementById('comments').innerHTML = result.hypotheses[0].utterance;
		}
		function BildVeraendern(ImageName, ImageObjektName)
		{	
		
			if (stern5) {
				
			}
			
			else {
				if (!stern1) {
					stern1= true;
					document.images['stern1'].src = eval(ImageObjektName + ".src")
				}
				
				else if (!stern2) {
					stern2= true;
					document.images['stern2'].src = eval(ImageObjektName + ".src")
				}
				
				else if (!stern3) {
					stern3= true;
					document.images['stern3'].src = eval(ImageObjektName + ".src")
				}
				
				else if (!stern4){
					stern4= true;
					document.images['stern4'].src = eval(ImageObjektName + ".src")
				}
				
				else if (!stern5) {
					stern5= true;
					document.images['stern5'].src = eval(ImageObjektName + ".src")
				}
			}
		}
		
		function up() {
			
			if (indexBefore > 4) {
			
			}
			
			else {
				if (indexBefore == 0) {
					document.images['stern1'].src = eval('i02' + ".src")
				}
				
				else if (indexBefore == 1) {
					document.images['stern2'].src = eval('i02' + ".src")
				}
				
				else if (indexBefore == 2) {
					document.images['stern3'].src = eval('i02' + ".src")
				}
				
				else if (indexBefore == 3) {
					document.images['stern4'].src = eval('i02' + ".src")
				}
				
				else if (indexBefore == 4) {
					document.images['stern5'].src = eval('i02' + ".src")
				}
			indexBefore ++;
			}
		}
		
		function down() {
			
			if (indexBefore < 1) {
			
			
			}
			else {
			
				if (indexBefore == 1) {
					document.images['stern1'].src = eval('i01' + ".src")
				}
				
				if (indexBefore == 2) {
					document.images['stern2'].src = eval('i01' + ".src")
				}
				
				if (indexBefore == 3) {
					document.images['stern3'].src = eval('i01' + ".src")
				}
				
				if (indexBefore == 4) {
					document.images['stern4'].src = eval('i01' + ".src")
				}
				
				if (indexBefore == 5) {
					document.images['stern5'].src = eval('i01' + ".src")
				}
			indexBefore = indexBefore - 1;
			}
		}
		
		//-->
		</script>
</head>

<body onkeydown="navigationList(event)" onmousewheel="scroll(event)">
        <div id="mainScreenSubheadline">
                <div id="topPanel">
                        <div id="softKeyLeftTop" class="softKey softKeyTop softKeyLeft">
                                  Hauptmen&uuml;
                        </div>
                        <span id="headline">Route bewerten</span>
                        <div id="softKeyRightTop" class="softKey softKeyTop softKeyRight">
                            Kommentieren
                        </div>
                </div>
                <div id="contentPanel">
                        <div id="subHeadline">
                              
                        </div>
						<div id="text">
							Bitte geben Sie hier eine Bewertung Ihrer gerade gefahrenen Route ab. <br> Im online Portal kann die gefahrene Route nachbearbeitet werden.
						</div>
						
						<div id="rating">
                        <img src="./images/sterne_Ranking/stern_leer.png" name="stern1" onclick="BildVeraendern('stern1', 'i02');">

						<img src="./images/sterne_Ranking/stern_leer.png" name="stern2" onclick="BildVeraendern('stern2', 'i02');">

						<img src="./images/sterne_Ranking/stern_leer.png" name="stern3" onclick="BildVeraendern('stern3', 'i02');">

						<img src="./images/sterne_Ranking/stern_leer.png" name="stern4" onclick="BildVeraendern('stern4', 'i02');">

						<img src="./images/sterne_Ranking/stern_leer.png" name="stern5" onclick="BildVeraendern('stern5', 'i02');">
						&nbsp;&nbsp;
					
						
						
						</div>
						<div class="textbox">
								<form name="com">
								<textarea style="background-color:black; border: 1px solid white; color:white; border-radius:8px; font-family:Arial; font-size:15px;" id="comments" name="comments" cols="98" rows="6">Bitte den Kommentar per Sprachsteuerung durch den Softkey "Kommentieren" erstellen.</textarea>
								</form>
						</div>
                </div>
                <div id="bottomPanel">
                        <div id="softKeyLeftBottom" class="softKey softKeyBottom softKeyLeft">
                               Zurück
                        </div>
                        <div id="softKeyRightBottom" class="softKey softKeyBottom softKeyRight">
                                Abschicken
                        </div>
                </div>
                <div id="statusScreen">
                </div>
        </div>
</body>
</html>